<template>
  <div class="breadcrumb-wrapper">
    <a-breadcrumb>
      <a-breadcrumb-item>首页</a-breadcrumb-item>
      <a-breadcrumb-item><a href="">订单管理</a></a-breadcrumb-item>
      <a-breadcrumb-item><a href="">订单详情</a></a-breadcrumb-item>
    </a-breadcrumb>
  </div>
</template>

<style lang="scss" scoped>
.breadcrumb-wrapper {
  &::v-deep {
    .ant-breadcrumb {
      display: flex;
      align-items: center;
      color: inherit;
      > span {
        display: flex;
        align-items: center;
        color: inherit;
        .ant-breadcrumb-link {
          display: flex;
          align-items: center;
        }
      }
      a {
        color: inherit;
      }
    }
  }
}
</style>
